.float-right-wrapper {
    position: fixed;
    top: 30%;
    right: 0;
    width: 45px;
    height: 300px;
    z-index: 100;
}

.float-right-wrapper .float-right-close {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAaBAMAAADs2anaAAAAJ1BMVEUAAAAAAAAAAAD///+zs7NDQ0OwsLD4+Pjo6OhaWlq5ubm3t7eCgoL8Us1dAAAAA3RSTlMBCBggAby3AAAAeElEQVQoz2NgdDbGBhwZ6C9jsRhIrMAmUxlibGwSWYxFxizU2dg1DKs9qSEmocmoMnBNR8NwuC0VqgVTxjXUGbuMSejREOwyrmFA52GTATksNQSrT8OAzsPqU4vNQGIHQs9giDkXrAAkI6SEDQgyMDAIYgUCDLgBADM2ejOipCTeAAAAAElFTkSuQmCC) no-repeat center center;
    width: 45px;
    height: 23px;
    display: block;
    position: fixed;
    right: 0;
}

.float-right-wrapper:hover {
    right: 200px;
}

.float-right-wrapper .float-right-image-1 {
    display: inline;
}

.float-right-wrapper .float-right-image-2 {
    display: none;
}

.float-right-wrapper:hover .float-right-image-2 {
    display: inline;
}

.float-right-wrapper:hover .float-right-image-1 {
    display: none;
}
@media (max-width: 767px) {
    .float-right-wrapper {
        display: none;
    }

    .float-right-wrapper img {
        display: none;
    }
}